<!-- 要使用内联样式表，需要在相关标签中添加 style 属性，
 Style属性可以包含任何CSS属性,但缺点在于缺乏整体性规划，不利于维护，
 维护成本高
 <p style="background:orange;font-size:24px;">CSS样式</p>
 
 -->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            color:red;
            background: orange;
            font-size: 24px;
        }
    </style>
</head>

<body>


    <p>CSS样式</p>
    <p>我是内联样式的方案</p>
    <p>我是第二个p标签</p>

</body>
</html>

<!--
不足之处是css样式表需要在这个页面再写一遍，多页面使用时，
造成管理混乱
所以推荐使用外部样式，当样式需要应用于很多页面时，
外部样式是理想选择，可以通过改变一个文件来改变整个站点的外观。
每个页面使用<link>标签链接到外部样式表，<link>标签在(文档的)头部
<link rel="stylesheet" type="text/css" href="xxx.css" />
-->





